@import "@/lib/reset.scss";
html,body,.paihang{
  @include rect(100%,100%);

}
@font-face {
  font-family: 'newicon';
  src: url('./font/iconfont.eot');
  src: url('./font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('./font/iconfont.woff') format('woff'),
  url('./font/iconfont.ttf') format('truetype'),
  url('./font/iconfont.svg#iconfont') format('svg');
}
.icon{
  font-family: 'newicon';
  color: #000;
}
.paihang {
  @include flexbox();
  flex-direction: column;
  header {
    @include rect(100%, 0.44rem);
    @include flexbox();
    .spans {
      display: block;
      @include rect(0.5rem, 100%);
      @include flexbox();
      justify-content: center;
      align-items: center;
    }
    div {
      @include flex();
      @include flexbox();
      justify-content: center;
      align-items: center;
    }
  }
  .content{
    @include flex();
    overflow: auto;
    @include rect(100%,auto);
  ul{
    @include rect(100%,auto);
    li{
      @include rect(100%,0.92rem);
      box-sizing: border-box;
      padding: 0.12rem;
      border-bottom: 8px solid #eeeeee;
      @include flexbox();
      .imgs{
        @include rect(0.36rem,0.36rem);
        margin-right: 0.12rem;
        background: url("");
        background-size: auto 0.36rem;
        background-repeat: no-repeat;
      }
      .spans{
        @include rect(auto,100%);
        @include flex();
        @include flexbox();
        flex-direction: column;
        justify-content: space-between;
        font-size: 0.16rem;
        .title{
          font-size: 0.18rem;
        }
      }
    }
    li:nth-child(2){
      .imgs{
          background-position: -0.4rem 0;
        }
      }
    li:nth-child(3){
      .imgs{
        background-position: -0.8rem 0;
      }
    }
    li:nth-child(4){
      .imgs{
        background-position: -1.2rem 0;
      }
    }
    li:nth-child(5){
      .imgs{
        background-position: -1.6rem 0;
      }
    }
  }
    .btn{
      background: #00c98d;
      color: #fff;
      margin: 0.15rem;
    }
  }

}
